<template>
  <div id="app">
    <!-- <h1>{{ name }}</h1>
    <h1>{{ textMsg }}</h1> -->
    <h1>{{ message }}</h1>
    <hr>
    <!-- <HelloWord msg1="父组件的数据是，是一个苹果"/>
    <HelloWord msg2="123"/> -->

    <HelloWord msg="父组件的数据是，是一个苹果"/>

    <!-- <HeaderView />
    <HomeView msg="Welcome to Your Vue.js App"/>
    <FooterView /> -->
  </div>
</template>

<script>
import HelloWord from './components/HelloWord.vue'
// import HeaderView from './components/Header.vue'
// import HomeView from './components/Home.vue'
// import FooterView  from './components/Footer.vue'

export default {
  name: 'App',
  components: {
    HelloWord,
    // HeaderView,
    // HomeView,
    // FooterView
  },data(){
    return {
//       name:"你好我有一个帽衫",
//   mess:"",
// textMsg:"这是父组件的数据"

message:"这是最大的根组件APP"
}
  },methods:{}
};
</script>

<style>

</style>
